<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
       xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html">
    <head>
        <title>About</title>
        <ui:include src="master/library.xhtml"></ui:include>
    </head>
    <body onload="selected()">
        <!--==============================header=================================-->
        <ui:include src="master/header.xhtml"></ui:include>
        <!--===========================content================================-->
        <div id="content">
        <div class="p70">
            <div class="container_12">
                <div class="grid_12">
                    <h3>about our<br/><span>history</span></h3>
                    <div class="block bl">
                        <img src="images/page2_img1.jpg" alt="our group" class="left_img"/>
                        <h6 class="mt1"><a href="#">Mes cuml dia sed ineniasinge dolor ipsum commete ipsum comnetus lorem ipsum dolor.</a></h6>
                        <p>Dolor nunc vule putateulr ips dol consec.Donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor nec met quam accumsan dolore. Condime netus lullam utlacus adipiscing ipsum molestie euismod estibulum vel libero ipsum. sit amet sollicitudin ante aenean imperdiet aliquet hendrerit. Nunc interdum ullamcorper lectus et pellentesque enim interdum at. Suspendisse malesuada dignissim est, a facilisis ligula rutrum sed. Praesent vestibulum molestie lacus. </p>
                        <p>Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla dui. Dolor nunc vule putateulr ips dol consec.Donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor nec met quam accumsan dolore. Condime netus lullam utlacus adipiscing ipsum molestie euismod estibulum vel libero ipsum. sit amet sollicitudin ante aenean imperdiet aliquet hendrerit. Nunc interdum ullamcorper lectus et pellentesque enim interdum at. </p>
                        <p>Suspendisse malesuada dignissim est, a facilisis ligula rutrum sed. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada odio. Morbi nunc odio, gravida at, cursus nec, luctus a, lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </p>
                    </div>
                </div>
            </div>
        </div>
        <div class="bg1 p102">
            <div class="container_12">
                <div class="grid_12">
                    <h3>our <br/><span>staff</span></h3>
                </div>     
                <div class="grid_3 wrap">
                   <div class="thumb1">
                        <div class="image"><img src="images/page2_img2.png" alt=""/></div>
                        <h6><a href="#">Mark Johnson</a></h6>
                        <p>Dolor nunc vule putateulr ips dol consec.Donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor nec met quam accumsan.</p>
                        <ul class="socials">
                            <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                            <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                            <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                            <li><a href="#"><i class="fa fa-linkedin"></i></a></li>                              
                        </ul>
                   </div>
                </div>
                <div class="grid_3 wrap">
                   <div class="thumb1">
                        <div class="image"><img src="images/page2_img3.png" alt=""/></div>
                        <h6><a href="#">Jessica Priston</a></h6>
                        <p>Dolor nunc vule putateulr ips dol consec.Donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor nec met quam accumsan.</p>
                        <ul class="socials">
                            <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                            <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                            <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                            <li><a href="#"><i class="fa fa-linkedin"></i></a></li>                              
                        </ul>
                   </div>
                </div>
                <div class="grid_3 wrap">
                   <div class="thumb1">
                        <div class="image"><img src="images/page2_img4.png" alt=""/></div>
                        <h6><a href="#">Bradley Grosh</a></h6>
                        <p>Dolor nunc vule putateulr ips dol consec.Donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor nec met quam accumsan.</p>
                        <ul class="socials">
                            <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                            <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                            <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                            <li><a href="#"><i class="fa fa-linkedin"></i></a></li>                              
                        </ul>
                   </div>
                </div>
                <div class="grid_3">
                   <div class="thumb1">
                        <div class="image"><img src="images/page2_img5.png" alt=""/></div>
                        <h6><a href="#">olivia pool</a></h6>
                        <p>Dolor nunc vule putateulr ips dol consec.Donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor nec met quam accumsan.</p>
                        <ul class="socials">
                            <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                            <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                            <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                            <li><a href="#"><i class="fa fa-linkedin"></i></a></li>                              
                        </ul>
                   </div>
                </div>                                             
            </div>
        </div>
        <div class="p96">
            <div class="container_12">
                <div class="grid_12">
                    <h3>testimonials</h3>
                </div>  
            </div>  
            <div class="container_12">
                <div class="grid_3 wrap">
                   <blockquote class="bq">
                       <img src="images/quote.png" alt=""/>
                       <p>Dolor nunc vule putateulr ips dol conseonec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor nec met quam accumsan dolore. Condime netus lullam utlacus adipiscing ipsum molestie.</p>
                       <h6><a href="#">Patrick Pool</a></h6>
                   </blockquote>
                </div>
                <div class="grid_3 wrap">
                   <blockquote class="bq">
                       <img src="images/quote.png" alt=""/>
                       <p>Dolor nunc vule putateulr ips dol conseonec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor nec met quam accumsan dolore. Condime netus lullam utlacus adipiscing ipsum molestie.</p>
                       <h6><a href="#">Sam Kromstain</a></h6>
                   </blockquote>
                </div>
                <div class="grid_3 wrap">
                   <blockquote class="bq">
                       <img src="images/quote.png" alt=""/>
                       <p>Dolor nunc vule putateulr ips dol conseonec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor nec met quam accumsan dolore. Condime netus lullam utlacus adipiscing ipsum molestie.</p>
                       <h6><a href="#">John McCoist</a></h6>
                   </blockquote>
                </div>
                <div class="grid_3">
                   <blockquote class="bq">
                       <img src="images/quote.png" alt=""/>
                       <p>Dolor nunc vule putateulr ips dol conseonec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor nec met quam accumsan dolore. Condime netus lullam utlacus adipiscing ipsum molestie.</p>
                       <h6><a href="#">Alan Smith</a></h6>
                   </blockquote>
                </div>                                                   
            </div>     
        </div>      
    </div>
        
        <!--==============================footer=================================-->
        <ui:include src="master/footer.xhtml"></ui:include>
        
         <script type="text/javascript">
                function selected(){$('#about').addClass('current');
                }
        </script>
    </body>
</html>
